/*用户管理*/
.users{
	margin:20px;
	min-height:500px;
	background-color:#fff;
	box-shadow:1px 1px 4px #d8d8d8,-1px -1px 4px #d8d8d8;
	padding:20px;
	font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
}

/*标题样式*/
.users .u_title{
	font-size: 18px;
    color: #555;
    height: 40px;
    line-height: 40px;
	border-left: 4px solid #f11313;
    margin-left: -20px;
    padding-left: 20px;
}
.users .u_title .glyphicon{
	margin-right:5px;
}

/*内容框*/
.users .u_content{
	overflow:hidden;
	margin-top:10px;
	border:1px solid #E8E8E8;
}

/*内容框 - 左侧列表*/
.users .u_content .left_content{
	float:left;
	width:300px;
	min-height:400px;
	padding:10px 15px;
}
.users .u_content .left_content .top_toobar{
	text-align:right;
}
.users .u_content .left_content .group_out{
	margin-top:10px;
}
.users .u_content .left_content .group_ul{
	
}
.users .u_content .left_content .group_ul >li{
	padding:5px 5px 5px 20px;
}
.users .u_content .left_content .group_ul >li.active{
	background-color:#d8d8d8;
}
.users .u_content .left_content .group_ul >li:hover{
	background-color:#d8d8d8;
}
.users .u_content .left_content .group_ul >li.group_all{
	padding:5px;
}

/*内容框 - 右侧表格*/
.users .u_content .right_content{
	min-height:500px;
	margin-left:300px;
	border-left:1px solid #E8E8E8;
	padding:10px 15px;
}
.users .u_content .right_content .group_table{
	margin-top:10px;
}
.users .u_content .right_content .group_table  .t_head{
	height: 40px;
    line-height: 30px;
	padding:5px 10px;
	background:#eee;
}
.users .u_content .right_content .group_table  .t_head  > label{
	margin-left:5px;
}
.users .u_content .right_content .group_table  .t_head .t_head_toolbar{
	float:right;
}
.users .u_content .right_content .group_table  .t_head .t_head_toolbar > button{
	margin-left:20px;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li{
	border-bottom:1px solid #d8d8d8;
	padding:10px 10px;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li img{
	width:50px;
	height:50px;
	background-color:#ccc;
	border-radius:100%;
	margin-left:10px;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_info{
	display:inline-block;
	margin-left:10px;
	vertical-align: middle;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_info .u_name{
	height:25px;
	line-height:25px;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_info .u_label{
	height:25px;
	line-height:25px;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_info .u_name{
	color:#666;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_info .u_label{
	color:#999;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_info .u_label .u_label_span{
	border:1px solid #999;
	padding:1px 10px;
	border-radius:20px;
	margin-left:5px;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_toolbar{
	display:inline-block;
	float:right;
	margin-top:10px;
	vertical-align: middle;
}
.users .u_content .right_content .group_table  .t_body .t_list_ul > li .u_toolbar button{
	margin-left:10px;
}